<template>
  <wxc-popup popup-color="rgb(92, 184, 92)"
             :show="visible"
             @wxcPopupOverlayClicked="popupOverlayBottomClick"
             pos="bottom"
             height="400">
    <div class="demo-content">
      <image src="https://img.alicdn.com/tfs/TB1ojYvOXXXXXaOXFXXXXXXXXXX-180-41.png"
             class="demo-image"></image>
      <text>与 Web App、HTML5 App 或 hybrid App 不同，您可以使用 Weex 构建一个真正的原生应用。更贴心的是你的代码只需使用 HTML、CSS、JavaScript 可以构建原生应用，上手非常简单。
      </text>
    </div>
  </wxc-popup>
</template>

<script>
import { WxcPopup } from 'weex-ui'

export default {
  components: { WxcPopup },
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() { },
  methods: {
    popupOverlayBottomClick() {
      this.$emit('update.visible', false)
    }
  }
}
</script>
<style lang="scss" scoped>
@import "../css/variables.scss";
</style>

